<template>
  <div id="app">
    
    


    <router-view></router-view> 

    
  </div>
</template>

<script>
import commonHeader from './page/commonHeader'

import Store from './store'
export default {
  
  name: 'app',
  data:function(){
      return {
        visible:false
      }
  },

  created: function () {
    
            
  },
  components:{commonHeader}
  ,
  methods:{
   
  },props:{

  },watch:{
    '$route':{
        handler:function(val,oldval){
          
        },
        deep:true
    }

  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
.finished{
  color: red;
}
.title{
  font-size: 16px
}
.line{
  height: 1px;
  width: 100%;
  background-color: grey;
}
.MainBox{
  width: 90%;
  margin-left: 5%;
  margin-top:10px;
}
.buttonStyle{
  width: 45%
}
.pinkButton{
  background-color: rgb(209,68,100);
  color:white
}
</style>
